<script setup>
    import {ref,onMounted} from 'vue'
    //声明响应数据ref,响应式对象有个内部的属性value.api中一般把数据定义为响应式数据,加ref
     const count = ref(0);
    
    //声明函数
     function increment(){
     count.value++;
     }

     //声明钩子函数onMounted
     onMounted(() => {
        console.log('vue已经挂载完毕了...');
     });

</script>

<template>
    <!-- 写html元素 -->
    <button @click="increment">count: {{ count }}</button>
</template>